<template>
  <div class="rightBodyContent">
    <div class="rightBodyContent-in">
      <el-tabs v-model="activeName" type="card">
        <el-tab-pane :label="item.name" :name="item.id" v-for="item in tabList" :key="item.id"></el-tab-pane>
      </el-tabs>
      <classList v-if="activeName==1"></classList>
      <joinClass v-if="activeName==2"></joinClass>
    </div>
  </div>
</template>

<script>
import classList from "./components/classList";
import joinClass from "./components/Joint-class";

export default {
  components: {
    classList,
    joinClass
  },
  data() {
    return {
      activeName: '1',
      tabList: [
        {
          name: '班级管理',
          id: '1',
        },
        {
          name: '合班管理',
          id: '2'
        }
      ]
    }
  },
  created() {
  },
  methods: {},
  mounted() {
  }
}
</script>
<style scoped>

.wx-user-box-line img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 5px;
}

</style>
